@import '~taro-ui/dist/style/components/avatar.scss';
@import '~taro-ui/dist/style/components/flex.scss';
@import "~taro-ui/dist/style/components/button.scss";
$float-height: 400rpx; //浮动的 我的应用---

.my {
  box-sizing: border-box;
  position: relative;

  .header_2 {
    width: 100%;
    height: 450px;
    background-image: url('../../assets/my_bg.png');
    background-size: cover;
    box-sizing: border-box;
    padding-left: 50px;
    padding-top: 50px;

    .pName {
      margin-left: 40px;
      font-size: 40px;
      color: #fff;
    }
  }

  .main {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 85%;
    margin: 0 auto;

    .my_app_text {
      font-size: 35px;
      font-weight: 600;
    }

    .my_app_line {
      width: 100%;
      height: 1px;
      background-color: rgba(173, 172, 172, 0.5);
      margin: 30rpx auto 10rpx;
    }

    .my_app_content {
     
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;

      .distribution_content_item {
        width: 33%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 40rpx;

        Text {
          margin-top: 40rpx;
          color: #555;
        }

        image {
          width: 65rpx;
          height: 65rpx;
        }
      }

      .content_item {
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: 40rpx;

        Text {
          margin-top: 40rpx;
          color: #555;
        }

        image {
          width: 65rpx;
          height: 65rpx;
        }

        button {
          background-color: #fff;
          padding-left: 0;
          padding-right: 0;
          margin-left: 0;
          margin-right: 0;
          line-height: 0;

          &::after {
            border: none;
          }
        }
      }
    }

    .my_app_distribution {
      background-color: #fff;

      border-radius: 20rpx;
      margin: 0 auto 100rpx;

      padding: 30rpx;
    }

    .my_app_wrapper {
      background-color: #fff;
      // height: $float-height;
      border-radius: 20rpx;
      margin: 0 auto;
      padding: 30rpx;


    }

    .my_service_list {
      // margin-top: 245rpx;
      margin: 100rpx auto;
      border-radius: 20rpx;
      padding: 30rpx;
      background-color: #fff;
    }
  }

}
